<template>
    <div>
        <h2>{{getGreeting}}</h2>
        <p>This is the Hello World component.</p>
        <h2>{{storeState.members}}</h2>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import store from '@/store'

@Component({})
export default class MyComponent extends Vue {
    name = "MyComponent";
    reversedGreeting = "!dlrow olleH";
    storeState = store.state;
    public get getGreeting(){
        return this.reversedGreeting.split("").reverse().join("");
    }
}
</script>

<style lang="scss" scoped>
    h2{
        width: 100%;
        text-align: center;
        color:red;
    }
</style>
